/**
 * https://router.vuejs.org/zh/api/
 * @createRouter 创建一个可以被 Vue 应用使用的 Router 实例
 * @createWebHistory  创建一个 HTML5 历史。对于单页应用来说这是最常见的历史。
 * @RouteRecordRaw 是用于定义路由配置的一种特殊类型。它是一个接口(interface)，用于描述路由的基本信息，包括路由路径、组件、嵌套路由等
 */
import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router"
const routes: Array<RouteRecordRaw> = [
  {
    path: "/",
    name: "Home",
    component: () => import("../views/Home.vue")
  },
  {
    path: "/register",
    name: "Register",
    component: () => import("../views/Register.vue")
  },
  {
    path: "/:catchAll(.*)", //所有路径中都没匹配到的时候
    name: "404",
    component: () => import("../views/404.vue")
  }
]
// 对外暴露的router
const router = createRouter({
  history: createWebHistory(), //地址栏不会出现#号
  routes
})
// 导出供外部使用
export default router
